<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/pages/common/plantillaPrincipal.xhtml">

	<ui:define name="title">Ver propuesta</ui:define>
	<ui:define name="cuerpo">
		<h:form style="font-size:14px">
			<h:panelGrid columns="3">
				<h:outputLabel value="Filtro:" />
				<p:inputText  style="width:350px" value="#{propuestaBean.idBuscar}"/>
				<p:commandButton value="Buscar" update="info,table" actionListener="#{propuestaBean.buscar}"/>
			</h:panelGrid>
			<p:dataTable id="table" var="prop"
				value="#{propuestaBean.propuestas}" rowKey="#{prop.id}"
				selectionMode="single" selection="#{propuestaBean.propuesta}"
				paginator="true" rows="10"
				paginatorTemplate="
			{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
				rowsPerPageTemplate="5,10,15">
				<p:column>
					<f:facet name="header">
						<h:outputText value="Codigo" />
					</f:facet>
					<h:outputText value="#{prop.id}" />
				</p:column>
				<p:column>
					<f:facet name="header">
						<h:outputText value="Tema" />
					</f:facet>
					<h:outputText value="#{prop.tema}" />
				</p:column>
				<!-- <p:column>
					<f:facet name="header">
						<h:outputText value="Linea de investigacion" />
					</f:facet>
				</p:column> -->
			</p:dataTable>
			<p:commandButton value="Ver" icon="ui-icon-search" ajax="true"
				update="info" actionListener="#{propuestaBean.actualizarEdicion}" />

			<p:panel header="Datos de la propuesta">
				<h:panelGrid id="info" columns="2">
					<h:outputLabel value="Codigo:" />
					<h:outputText value="#{propuestaBean.propuesta.id}" />
					<h:outputLabel value="Tema:" />
					<h:outputText value="#{propuestaBean.propuesta.tema}" />
					<h:outputLabel value="Linea de investigacion:" />
					<h:outputText value="" />
					<h:outputLabel value="Descripcion:" />
					<h:outputText value="#{propuestaBean.propuesta.descripcion}" />
				</h:panelGrid>
				<p:commandButton value="Editar" update="dialog"
					oncomplete="editarDialog.show()"
					actionListener="#{propuestaBean.actualizarEdicion}" />
				<p:commandButton value="Eliminar" update="table,info"
					actionListener="#{propuestaBean.eliminar}" />
			</p:panel>

			<p:dialog id="dialog" header="Editar propuesta"
				widgetVar="editarDialog" width="600" showEffect="clip"
				hideEffect="fold">
				<h:panelGrid columns="3">
					<h:outputLabel value="Tema:" />
					<h:outputText required="true"
						value="#{propuestaBean.propuesta.tema}" />
					<p:inputText inmediate="true" value="#{propuestaBean.temaEdicion}" />
					<h:outputLabel value="Descripcion:" />
					<h:outputText required="true"
						value="#{propuestaBean.propuesta.descripcion}" />
					<p:inputText inmediate="true"
						value="#{propuestaBean.descripcionEdicion}" />
				</h:panelGrid>
				<p:commandButton value="Editar" ajax="true" update="info,table"
					actionListener="#{propuestaBean.editar}" />
			</p:dialog>

		</h:form>
	</ui:define>
</ui:composition>